<!DOCTYPE html>
<html>

<head>

	<title> Plants </title>
	<script
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"
    type="text/javascript"></script>
	<link rel=StyleSheet href="navbarstyle.css"/>
	        <link rel=StyleSheet href="style.css"/>

	<script src="plantjavascript.js" type="text/javascript"></script>

	<!-- Google Date stylesheet-->
	<script type="text/javascript" src="jsDatePick.min.1.3.js"></script>
	<link rel="stylesheet" type="text/css" media="all" href="jsDatePick_ltr.min.css" />
	<script type="text/javascript">
	window.onload = function(){
		new JsDatePick({
			useMode:2,
			target:"inputField",
			dateFormat:"%m/%d/%Y",
			imgPath:"img/",
			cellColorScheme:"armygreen",
			/*selectedDate:{				This is an example of what the full configuration offers.
				day:5,						For full documentation about these settings please see the full version of the code.
				month:9,
				year:2006
			},
			yearsRange:[1978,2020],
			limitToToday:false,
			cellColorScheme:"beige",
			dateFormat:"%m-%d-%Y",
			imgPath:"img/",
			weekStartDay:1*/
		});
	};
</script>
    
</head>

<body>
	
	 <a class="logo" href="index.html" >
        <img id="logo" src="../images/Sankofacolorlogo.jpg"/>
        </a>

    <div id = "description"></div>

	<nav class="NavBar">
		<ul>
        	<li>
        		<a class= "Volunteer" href="volunteer.html"> Volunteers</a>
        		 <ul>
                    <li><a href="volunteer.html" title="Search"> Search </a></li>
                    <li><a href="addvolunteer.html" title="Edit"> Edit </a></li>
                </ul>
            </li>    
			<li>
				<a class= "Events" href="events.html"> Events</a>
				<ul>
					<li><a href="events.html" title="Search"> Search </a></li>
					<li><a href="addevents.html" title="Edit"> Edit </a></li>
				</ul>
			</li>

        	<li><a class= "Plants highlighted" href="plants.html"> Plants</a>
        		<ul>
					<li><a href="plants.html" title="Search"> Search </a></li>
					<li><a href="addplants.html" title="Edit"> Edit </a></li>
				</ul>
			</li>
			<li>
				<a class= "Source" href="source.html"> Source</a>
				<ul>
					<li><a href="source.html" title="Search"> Search </a></li>
					<li><a href="addsource.html" title="Edit"> Edit </a></li>
				</ul>
			</li>		
        </ul>
    </nav>    
    

   <form>
   	<table id="input_table" class="top_200" border="1">
   		<thead>
		    <tr>
		    	<th scope="col">Plants</th>
		    	<th scope="col">Plot</th>
		    	<th scope="col">Date Planted</th>
		    	<th scope="col">Date of Harvest</th>
		    	<th scope="col">Type</th>
		    </tr>
		</thead>
	    <tbody >	
			<tr >
				<td>
					<input name="plant_name1" id="plant_name1" href="plantinfo.html" type="text" alt="Search" value="" maxlength="256" size="32" /> 
				</td>

				<td >
					<input name="plot1" id="plot1" type="text" alt="Search" value="" maxlength="256"  size="32"/>		
         		</td>
				<td>
					<input name="date_Planted1" id="Date_Planted1" type="text" alt="Search" value="" maxlength="256" size="32" /> 
				</td>
				<td>
					<input name="date_of_hrvest1" id="date_of_hrvest1" type="text" alt="Search" value="" maxlength="256" size="32" /> 
				</td>
				<td>
					<input name="type1" id="type1" type="text" alt="Search" value="" maxlength="256" size="32" /> 
				</td>
			
		</tbody>

	</table>
</form>

		<button id="addbutton">Add</button>

   		 <input type="submit" name="btnG" value="Submit" />
    	 <input type="submit" name="btnG" value="Clear" />

    </div>




</body>

</html>